<template>
  <div class="home">
    <a-row :gutter="16">
      <a-col :span="8">
        <a-card title="票务管理" :bordered="false">
          <template #extra>
            <router-link to="/ticket">更多</router-link>
          </template>
          <p>管理多个博物馆的票务信息，支持多种票种配置</p>
        </a-card>
      </a-col>
      <a-col :span="8">
        <a-card title="抢票配置" :bordered="false">
          <template #extra>
            <router-link to="/config">更多</router-link>
          </template>
          <p>自定义API接口和抢票策略，灵活配置抢票参数</p>
        </a-card>
      </a-col>
      <a-col :span="8">
        <a-card title="批量操作" :bordered="false">
          <template #extra>
            <router-link to="/batch">更多</router-link>
          </template>
          <p>批量管理身份信息和联系方式，提高抢票效率</p>
        </a-card>
      </a-col>
    </a-row>

    <a-row :gutter="16" style="margin-top: 16px">
      <a-col :span="24">
        <a-card title="系统状态" :bordered="false">
          <a-row :gutter="16">
            <a-col :span="6">
              <a-statistic title="今日抢票次数" :value="1128" />
            </a-col>
            <a-col :span="6">
              <a-statistic title="成功次数" :value="93" />
            </a-col>
            <a-col :span="6">
              <a-statistic title="成功率" :value="8.2" suffix="%" />
            </a-col>
            <a-col :span="6">
              <a-statistic title="平均响应时间" :value="0.8" suffix="s" />
            </a-col>
          </a-row>
        </a-card>
      </a-col>
    </a-row>
  </div>
</template>

<script setup>
// 组件逻辑
</script>

<style scoped>
.home {
  padding: 24px;
}
</style> 